<!DOCTYPE html>
<html>

<head>
  <meta charset='utf-8'>
  <meta http-equiv='X-UA-Compatible' content='IE=edge'>
  <title>Test</title>
  <meta name='viewport' content='width=device-width, initial-scale=1'>
  <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
  <script src='main.js'></script>
  <link rel="stylesheet" type="text/css" href="./index.css">
</head>

<body>
  <div class="container">
    <div class="inner inner1">
      <div class="item" style="background:red">1</div>
      <div class="item" style="background:green">2</div>
      <div class="item" style="background:black">3</div>
      <div class="item" style="background:blue">4</div>
      <div class="item" style="background:pink">5</div>
      <div class="item" style="background:orange">6</div>
      <div class="item" style="background:purple">7</div>
    </div>
    <div class="inner inner2">
      <div class="item" style="background:red">1</div>
      <div class="item" style="background:green">2</div>
      <div class="item" style="background:black">3</div>
      <div class="item" style="background:blue">4</div>
      <div class="item" style="background:pink">5</div>
      <div class="item" style="background:orange">6</div>
      <div class="item" style="background:purple">7</div>
    </div>
  </div>

</body>

</html>